ie7 problem

Hi there,

I'm working on a website for a company. Most of the code was already available, but I had to do a lot of changing little things, like margins en padding's.

But I'm stuck on a problem with IE7.
Firefox.jpg
ie7.jpg
If you look at the images above you can clearly see the problem.
I've got 3 columns
#col1{float:left;width:204px;min-height:500px;margin-right:10px;margin-left:30px;position:relative;top:-50px;}

Trouble with 3 Column CSS Layout

I've been working on creating a new site layout with CSS and HTML, but this is the first time i've done it by myself (without tables) and am running into problems. It's for a wordpress site so i've simplified the html a little bit to show what you need for the layout.

Obviously (screenshot below), the text in sidebar_left is getting out of the sidebar...even though a border shows that it is not that big.

Also, I'd be open to any other suggestions you all might have.

CSS Code:

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;

IE6 Double Float bug

Hi all,

I'm having an issue on some floated divs in IE6. I've added the double margin bug fix of: display:inline but that's not solved the issue. Am I missing something very obvious here?

http://www.zoost.ie/work

The HTML:

		<div id="portfolio">
			<!-- Post Starts -->
			<div class="post block fl Web">
				<p>
					<strong>Project</strong>
				</p>

Display differences - Firefox and IE6&7

Hi All Smile

I'm new to this forum so bare with me.

I am having issues with the display of my clients website, www.perfectimagery.co.nz , whereby the menu will not center in IE and the spacing between the menu - header - content - footer is different when displayed in firefox and IE6&7.

I have tried editing the Style.css and the theme I'm using does allow for differnt style.css for IE6, IE7 and other browsers.

Below is my style.css code for the main style.css file.

dynamic columns width and fixed space between them

Hello everyone,
I'm a CSS newbie and I'd like to have 3 columns with fixed space between them (let us say 10px) and the columns have to use all the available width.
The issue is I'm trying to mix fixed space (in pixel) with dynamic width.

Is it possible to achieve so?

Hope it's clear enough otherwise, please ask for more details.

Thanks and have a nice day.

Syndicate content