Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

HTML Help


  • Please log in to reply

#1
ali.B

ali.B

    Trusted Helper

  • Malware Removal
  • 3,086 posts
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
  • 0

Advertisements


#2
AstraNut

AstraNut

    Member

  • Member
  • PipPipPip
  • 384 posts
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/
  • 0

#3
Ax238

Ax238

    Tech Staff

  • Technician
  • 1,323 posts
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
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP