Jump to content


Slight CSS cross browser problem


2 replies to this topic

#1 Stephen

    Young Padawan

  • Members
  • Pip
  • 118 posts
  • Location:United Kingdom

Posted 02 October 2005 - 09:39 PM

Click here.

Note: Make sure you view it in ie, as that's the result I want. Then view it in opera, firefox etc, and the problem begins.

Can anyone help, please?

;)

#2 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 02 October 2005 - 10:22 PM

easy fix, for the first thing to do, add a <div> with a class name of 'clear' underneath the two content areas:

<div id="ccontainer">
    <div id="white">
    <div id="sidebar">le sidebar</div>
    <div id="content">le content</div>
	<div class="clear"></div></div></div>

and heres the added 'clear' css
.clear{
	clear:both;
}

the 2nd problem is just too many wrong things to fix so i'll just tell you to the way i would do it. so i would remove the fcontainer div and add border:5px solid #white;
to the footer div.

#3 Stephen

    Young Padawan

  • Members
  • Pip
  • 118 posts
  • Location:United Kingdom

Posted 02 October 2005 - 11:06 PM

I edited it slightly.
Is it possible to have the same width between the container div; sidebar, content and footer? So there is an equal gap in between each. :P





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users