What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » CSS and DIVs

Pages: (2): « First [ 1 ] 2 » Last »
CSS and DIVs
Author: Message:
dom.
Veteran Member
*****

Avatar

Posts: 1826
Reputation: 2
– / Male / –
Joined: Dec 2002
Status: Away
O.P. CSS and DIVs
I've almost finished a new design for a website I run. However, there are some DIV bugs, which are probably real small but make a BIG difference.

Bug 1, Safari: If you have a look at http://skatebasingstoke.com/ in different browsers there will be lots of different bugs. For example, in Safari after I added a 1px border to the light blue divs on the left, the two divs inside this no longer sit next to each other, they place themselves above or below each other (one containing the picture, the other containing the text). To compensate for the extra 2px the border will have added I made the main width of the blue div 2px narrower but they still do not sit in line.

Bug 2, IE/Firefox: When the page is loaded for the first time, either through a link to from a URL. Another set of two divs no longer sit next to each other (the one containing all the content stays in place, but the one containing the news sits below it). However, when you refresh the page this sorts them out and they're right where they're meant to be - side by side.

I'd be extremily greatful if anyone could help me with either of these because I've worked really hard on the site and I can't launch it until these are fixed!

Thanks..

Dom

This post was edited on 02-14-2006 at 11:30 PM by dom..
02-14-2006 03:24 PM
Profile PM Web Find Quote Report
Kryptonate
Veteran Member
*****

Avatar

Posts: 2874
Reputation: 23
38 / Male / –
Joined: Jun 2003
RE: CSS and DIVs
IE/Firefox: what happens if you position them absolute instead of using float?
02-14-2006 04:42 PM
Profile E-Mail PM Find Quote Report
dom.
Veteran Member
*****

Avatar

Posts: 1826
Reputation: 2
– / Male / –
Joined: Dec 2002
Status: Away
O.P. RE: CSS and DIVs
http://css-discuss.incutio.com/?page=AbsoluteOrFloatLayout

I'd like to stick with float, there must be a work around this! I've worked around the first one (with the help of Guido!) but Guido and I have been trying to figure out the second one for a good while and it seems like it may be a Firefox bug! After all.. a page shouldn't render differently when its refreshed.
02-14-2006 09:31 PM
Profile PM Web Find Quote Report
dom.
Veteran Member
*****

Avatar

Posts: 1826
Reputation: 2
– / Male / –
Joined: Dec 2002
Status: Away
O.P. RE: CSS and DIVs
I've reported this as a bug, however, I am still learning CSS so if someone wants to add to that, explaining a bit clearer whats happening, and what should happen.. or just confirm it that'd help thanks.

https://bugzilla.mozilla.org/show_bug.cgi?id=327536
02-17-2006 10:13 AM
Profile PM Web Find Quote Report
zach
Senior Member
****

Avatar

Posts: 556
Reputation: 18
33 / Male / Flag
Joined: Jan 2005
Status: Away
RE: CSS and DIVs
Everything looks good over here. That's a really nice site (h), Good job.
P.S. Don't double post Edit: I see that it was a long time ago since the last post so you did really need to bump it a bit ;-p

This post was edited on 02-17-2006 at 10:29 AM by zach.
02-17-2006 10:21 AM
Profile PM Find Quote Report
hmaster
Senior Member
****

Avatar

Posts: 716
Reputation: 24
33 / Male / Flag
Joined: Nov 2004
RE: CSS and DIVs
What about putting the news code first?
[Image: sig.png]
02-17-2006 10:55 AM
Profile PM Web Find Quote Report
dom.
Veteran Member
*****

Avatar

Posts: 1826
Reputation: 2
– / Male / –
Joined: Dec 2002
Status: Away
O.P. RE: CSS and DIVs
Then I get the problem on the other side! The content gets thrown to the bottom!
02-18-2006 06:11 PM
Profile PM Web Find Quote Report
hmaster
Senior Member
****

Avatar

Posts: 716
Reputation: 24
33 / Male / Flag
Joined: Nov 2004
RE: CSS and DIVs
You'll have to float both elements *-)
[Image: sig.png]
02-18-2006 06:16 PM
Profile PM Web Find Quote Report
dom.
Veteran Member
*****

Avatar

Posts: 1826
Reputation: 2
– / Male / –
Joined: Dec 2002
Status: Away
O.P. RE: CSS and DIVs
They are.. take a look at the source. :p
02-18-2006 09:10 PM
Profile PM Web Find Quote Report
hmaster
Senior Member
****

Avatar

Posts: 716
Reputation: 24
33 / Male / Flag
Joined: Nov 2004
RE: CSS and DIVs
change .newslistbody to:

code:
.newslistbody {
    width:180px;
    padding-left:5px;
    padding-right:5px;
}
that works afaik, but reduce it a little if there is still a problem.

This post was edited on 02-18-2006 at 09:51 PM by hmaster.
[Image: sig.png]
02-18-2006 09:50 PM
Profile PM Web Find Quote Report
Pages: (2): « First [ 1 ] 2 » Last »
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On