473,656 Members | 2,983 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Content is not aligned at the top of a div with IE 6?!?!?

Hello, I am renewing a website using CSS and I have some problems with
IE6.
Following this link:
http://www.ansv.it/templates/Template_Index_IT.dwt.asp
you may notice that the container area has 3 colums, 1 and 3 with
titles and the 2 with a big image.
Well, 1 and 3 are not perfectly at the top of their column while 2 is
even worst...with the image going down and down.
Opera and Firefox even showing different errors with the background
handling (which I know how to solve) show correctly the image at the
top...but still those two colored boxes with the title are not at the
top.
Would you please give some advice?
Here it is the css file.
Thank you,
Ataru

body {
margin: 0px;
background-image:url(../images/TTileMix.gif);
background-repeat:repeat-x;
font-family:Tahoma;
font-size:11px;
color:#707070;
background-color: #FAFAF0;
}

..bg_color1 {
background-color: #6699CC;
}
..bg_color2 {
background-color: #E6E6DA;
}
..clearer {
font-size: 0px;
line-height: 0px;
clear: both;
}
..header {
width:762px;
clear: both;
}
..header_col1 {
float: left;
width: 187px;
height: 139px;
}
..header_col1_b ox1 {
height: 26px;
}
..header_col2 {

margin-top: 0px;
margin-right: 177px;
margin-bottom: 0px;
margin-left: 187px;
}
..header_col2_b ox1 {
height: 26px;
}
..header_col2_b ox2 {
height: 26px;
}
..header_col2_b ox3 {
height: 42px;
padding-top: 10px;
}
..header_col3 {
float: right;
width: 177px;
height: 139px;
}
..header_col3_b ox1 {
height: 26px;
}
..header_col3_b ox2 {
height: 42px;
padding-top: 10px;
}
..container {
width:762px;
clear: both;
}
..container_col 1 {
float: left;
width: 187px;
}
..container_col 1_box1 {
height: 30px;
}
..container_col 1_box2 {
background-image: url(../images/MLShadow.jpg);
background-repeat: no-repeat;
padding-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-left: 15px;
}
..container_col 2 {
margin-top: 0px;
margin-right: 177px;
margin-bottom: 0px;
margin-left: 187px;
background-color: #FFFFFF;
}
..container_col 2_box1 {
background-image: url(../images/MCShadow.jpg);
background-repeat: no-repeat;
padding-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-left: 15px;
}
..container_col 3 {
float: right;
width: 177px;
}
..footer {
height: 62px;
background-image: url(../images/DTileMix.gif);
background-repeat: repeat-x;
}
..footer_box {
height: 62px;
width: 762px;
}
..footer_col1 {
float: left;
width: 585px;
height: 31px;
}
..footer_col3 {
height: 31px;
float: right;
width: 177px;
}
..footer_box1 {
margin-top: 10px;
margin-left: 15px;
}
..footer_box2 {
margin-top: 40px;
margin-left: 50px;
}
..footer_box3 {
}

..search {
position:absolu te;
left:7px;
height:96px;
width:242px;
top: 2px;
}
..menu {position:absol ute; left:441px; top:0px; height:65px;
width:304px}
..companyname {position:absol ute; left:590px; top:85px; height:20px;
width:147px}
..navigation {position:absol ute; left:545px; top:224px; height:32px;
width:221px; background-image:url(../images/naviagation.gif )}

a {color:#FF9415}
..red {color:#E50000}
..white {color:#FFF; text-decoration:none }
..yellow {color:#FF9415}
..menu_link {color:#707070; text-decoration:none }
..blue {color:#4B6677; }

..datebox {
background-image: url(../images/bg3.gif);
height: 31px;
}
..box2_title_bg {
background-image: url(../images/t1-2.gif);
background-repeat: no-repeat;
background-position: top;
height: auto;
}
..box2_title_te xt {
color:#707070;
font-weight: bold;
margin-left: 37px;
padding-top: 8px;
}
..box2_main_box {
padding: 10px;
margin-right: 10px;
margin-left: 17px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: 57px;
}
..box2_main_ima ge {
float: left;
margin-right: 5px;
height: 54px;
width: 68px;
margin-top: 5px;
}
..box2_main_lin k {
height: 23px;
clear: none;
padding-left: 219px;
}
..box2_updates_ box {
padding: 10px;
margin-right: 10px;
margin-left: 17px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: auto;
}
..box2_updates_ link {
font-size: 11px;
font-weight: bold;
color: #FF9415;
margin-bottom: 1em;
}
..box3_title_bg {

background-image: url(../images/t1-4.gif);
background-repeat: no-repeat;
background-position: top;
height: auto;
}
..box3_title_te xt {
color:#FF9415;
text-decoration:none ;
font-weight: bold;
margin-left: 34px;
padding-top: 12px;
font-size: 14px;
line-height: 16px;
}
..box3_main_box {

padding: 10px;
margin-right: 10px;
margin-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: 53px;
}
..box3_main_ima ge {
float: left;
margin-right: 5px;
margin-left: 0px;
margin-top: 5px;
}
..box1_login_bo x {
height: 96px;
margin-left: 7px;
}
..col2_large {
margin-top: 0px;
margin-right: 209px;
margin-bottom: 0px;
margin-left: 6px;
height: auto;
padding-top: 20px;
}
..container_lar ge {

clear: both;
width: 766px;
background-image: url(../images/bg_main_d.gif);
}
..box2_large_ti tle_text {

color:#707070;
text-decoration:none ;
font-weight: bold;
margin-left: 37px;
padding-top: 8px;
}
..box2_large_ti tle_bg {

background-image: url(../images/t1-2.gif);
background-repeat: no-repeat;
background-position: left top;
height: auto;
}
..box2_large_ma in_box {

padding: 10px;
margin-right: 40px;
margin-left: 27px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: auto;
}
..box1_containe r {
margin-left: 7px;
}
..box1_title_bg {
background-image: url(../images/bg_box1_title.g if);
height: 52px;
width: 242px;
}
..box1_title_te xt {

color:#707070;
text-decoration:none ;
font-weight: bold;
margin-left: 34px;
padding-top: 12px;
font-size: 14px;
line-height: 16px;
}
Jul 21 '05 #1
0 2265

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
2789
by: Dave Mausner | last post by:
consider a one-row, two-column table. the right column is very long with text content. the left column is used for navigation links. i aligned the links with the top of the column so that they are visible when the page loads. i would like to repeat the links aligned at the bottom of the same column as a convenience for readers who paged down to the end of the text. here's a picture--can it be done? i am using html4+css1.
3
3656
by: Andres Mas Torrecillas | last post by:
Hi! I'm having a little trouble with an IFRAME added in an HTML page. IFRAME has a fixed size and it contains another HTML page, which only has some text paragraphs and a pair of images aligned left and right (with 'style="float: {left | right}"'). There's no tables or anything with a fixed size. Problem is that in browsers like Opera 7, the IFRAME shows perfectly and just vertical scroll bar is showed (that's what I want). But on...
0
1844
by: Mike Kozlowski | last post by:
I have a div floated left for a navbar, with another div in the normal flow for content, like so: #leftnav { float: left; width: 120px; } #content { margin-left: 170px; margin-right: 10px;} What I'd like is for my left nav to always stay in a fixed size and position, and my content to size dynamically to fit the window. This mostly works for that, except that if the content contains a table wider than the content div, the table gets...
13
2384
by: Headless | last post by:
A right aligned float next to a paragraph needs to be placed before the paragraph in the source, this causes the content order to be opposite in the visual and aural domain. Anyone know of a solution to that problem? Headless --
1
2453
by: foldface | last post by:
Hi I'm working with a web site where 99% of the content is dynamic and words can be of any size, e.g. thiswouldbeavalidword. At the moment everything is done using inner tables, I want to move to a css type design. My issue is that I can't really use absolute positioning because, as I say, the words can be of any size, and I have no way of knowing how big the content is going to be. Plus I'd just like to avoid it anyway. I've used...
2
3947
by: R0bert Neville | last post by:
I have been working a rounded content box approach. The layout rendered beautifully in Firefox, yet IE threw a wrench into my layout. The approach has to be re-thought and aligned for compatibility with IE. The HTML and CSS code validates on the server. The situation may relate to the Box Model Hack, but I have little familiarity with the various workarounds and hack techniques. My questions relate to improving my current approach and...
9
3607
by: Spoon | last post by:
Hello everyone, As far as I understand, if I request a uint8_t buffer, it could be allocated anywhere. uint8_t *buf = new uint8_t By anywhere, I mean e.g. it could start at an odd address. Therefore it might be incorrect to access 32 bits at a time:
1
1630
by: bobmct | last post by:
css'ers: As on old time raw html coder I am still struggling to grasp the nuances of css. But, I'm getting there... however slowly! I am currently having a problem I've spent way too much time on and I was hoping someone with these skills might be able to assist or at least point me in the right direction? I am using a four box layout (header, left nav, right content, footer) and
29
2810
by: K. Jennings | last post by:
I would like to get the result of malloc() such that it is aligned on a given boundary - 8, in this case. Assuming that sizeof(u64) is 8, will u64 *p = malloc(N) ; do the trick in general? Here N is a positive integer, and I am assuming that malloc() succeeds in allocating the chunk of memory specified.
6
2142
by: lilOlMe | last post by:
Hi there! I've a bunch of <div>'s for a login page...I would like to align them in the center of my website's content (real estate) area. I have tried "text-align:center;" but it doesn't work. I know there's a way to do this using margins but I cannot remember how... Everything I've tried to do with manipulating the margins to try and center the content has proved to turn out badly. The structure for the real estate area during the...
0
8380
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8296
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8710
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8598
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6162
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5627
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4299
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2721
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
1928
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.