[ali.B]

I just started designing my first website and having few problems.

in the html file i have this

<span class="home">Home</span><span class="services">Services</span><span class="contact">Contact us</span><span class="empty"></span>

and this what's in the .css

span.home
{
background-color:red;
width:100px;
border-left: solid 2px #666666;
}
span.services
{
background-color:Orange;
width:100px;
}
span.contact
{
background-color:Yellow;
width:100px;
}
span.empty
{
width:500px;
background-color:Yellow;
border-right: solid 2px #666666;
}

Now the problem is when i run this , its fine when internet explorer is in full screen it looks like this Link to image

but when the internet explorer page is reduced it looks like this link to second image

[Advertisements]

Images do not help with coding problems and partially posted code only helps occasionally. You coding my be incorrect or just not have a proper document type which all browsers, especially IE, require.

Validating:

Why Validate?: http://validator.w3.org/docs/why.html
CSS Validator: http://jigsaw.w3.org/css-validator/
HTML Validator: http://validator.w3....ri with_options

Better:

Nav Menus (See following sites for navigation menus):

CSS Library Horizontal CSS Menus: http://www.dynamicdr...ry/category/C1/
CSS Library Vertical CSS Menus: http://www.dynamicdr...ry/category/C2/
http://www.dynamicdr.../dynamicindex1/
http://www.cssplay.co.uk/menus/
How to Style an Unordered List with CSS: http://www.webrefere...yle2/index.html

How To:

http://www.w3.org/TR...ML-TECHS/#links
http://www.creativep...avigation-links
http://efuse.com/Des...navigation.html
Simple JQuery Accordion menu: http://www.i-marco.n...accordion-menu/

NavDock jQuery Plugin (Ver 1.5.1): http://plugins.jquer...project/NavDock
Making CSS Rollover Buttons: http://www.elated.co...llover-buttons/
How to spice up your menu with CSS3: http://tympanus.net/...menu-with-css3/

[AstraNut]

Images do not help with coding problems and partially posted code only helps occasionally. You coding my be incorrect or just not have a proper document type which all browsers, especially IE, require.

Validating:

Why Validate?: http://validator.w3.org/docs/why.html
CSS Validator: http://jigsaw.w3.org/css-validator/
HTML Validator: http://validator.w3....ri with_options

Better:

Nav Menus (See following sites for navigation menus):

CSS Library Horizontal CSS Menus: http://www.dynamicdr...ry/category/C1/
CSS Library Vertical CSS Menus: http://www.dynamicdr...ry/category/C2/
http://www.dynamicdr.../dynamicindex1/
http://www.cssplay.co.uk/menus/
How to Style an Unordered List with CSS: http://www.webrefere...yle2/index.html

How To:

http://www.w3.org/TR...ML-TECHS/#links
http://www.creativep...avigation-links
http://efuse.com/Des...navigation.html
Simple JQuery Accordion menu: http://www.i-marco.n...accordion-menu/

NavDock jQuery Plugin (Ver 1.5.1): http://plugins.jquer...project/NavDock
Making CSS Rollover Buttons: http://www.elated.co...llover-buttons/
How to spice up your menu with CSS3: http://tympanus.net/...menu-with-css3/

[Ax238]

It looks like the width of the container element is fluid (100%). You'll need to set the width of the container element to at least 804 px, based on the widths of the elements and the borders (500+100+100+100+2+2).

Regards,

Ax