I have just re-designed my site as it was giving me a huge headache and have begun putting it together, and have come accross a problem.
The two paragraphs drop down below the links container. I *think it is because I read somewhere Internet Explorer adds more padding or something similar.
The site is <!-- w --><a class="postlink" href="http://www.simonbailey.co.uk/petdetectives/index.html">www.simonbailey.co.uk/petdetectives/index.html</a><!-- w -->
The css = <!-- w --><a class="postlink" href="http://www.simonbailey.co.uk/css.css">www.simonbailey.co.uk/css.css</a><!-- w -->
Is there anyone out there that can do me a huge favour and help clear up this problem, I will be eternall grateful
Many thanks,
Simon
*Not 100% so don't quote me as I'm new to CSS
i can't quite work out what css element you are using for which part but...
you need to float: right; the column and clear: both; on the other bit. i think it is the clear: both; that you are missing.Thank you boggy .. will try it
I'm not sure where the above code should go. If i try to explain the layout and contents could you tell me where i should put the info and why?
The layout is .....
column1 { = top column containing..
col1-container1 { = image
col1-container2 { = text to right of image
------
column2 { = very right column containing..
col2-container1 { = side links
------
column3 { = left column below image containing..
*col3-container1 { = container with 1st paragraph
*col3-container2 { = container for 2nd paragraph container
*col3-container3 { = container holding 2nd paragraph
*these containers are dropping down
I hope you can help, thanks again
SiI have found out .. it is because of the Int Explorer bug doubling the padding on the first float ... display: inline; on the column2 div fixes it.
The two paragraphs drop down below the links container. I *think it is because I read somewhere Internet Explorer adds more padding or something similar.
The site is <!-- w --><a class="postlink" href="http://www.simonbailey.co.uk/petdetectives/index.html">www.simonbailey.co.uk/petdetectives/index.html</a><!-- w -->
The css = <!-- w --><a class="postlink" href="http://www.simonbailey.co.uk/css.css">www.simonbailey.co.uk/css.css</a><!-- w -->
Is there anyone out there that can do me a huge favour and help clear up this problem, I will be eternall grateful
Many thanks,
Simon
*Not 100% so don't quote me as I'm new to CSS
i can't quite work out what css element you are using for which part but...you need to float: right; the column and clear: both; on the other bit. i think it is the clear: both; that you are missing.Thank you boggy .. will try it
I'm not sure where the above code should go. If i try to explain the layout and contents could you tell me where i should put the info and why?The layout is .....
column1 { = top column containing..
col1-container1 { = image
col1-container2 { = text to right of image
------
column2 { = very right column containing..
col2-container1 { = side links
------
column3 { = left column below image containing..
*col3-container1 { = container with 1st paragraph
*col3-container2 { = container for 2nd paragraph container
*col3-container3 { = container holding 2nd paragraph
*these containers are dropping down
I hope you can help, thanks again
SiI have found out .. it is because of the Int Explorer bug doubling the padding on the first float ... display: inline; on the column2 div fixes it.