473,373 Members | 1,121 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,373 software developers and data experts.

Problems with table width in IE


I have the following style:

..content {position: absolute; right: 10px; left: 170px; top: 135px;
padding-left: 0px;
color: #15447c;}

..content table {width: 100%; background: BLUE; color: WHITE;}
The table in Firefox is set to 100% of the content class. In IE it is
set to 100% of the browser window and causes ugly scroll bars to appear
all over the place. I created the simple example page below to see if
it was something in my own page (very complex css and html) or
something isolated.

http://www.dubyadubyadubyadotcom.com/gah/

Can somebody please help me out - how do I set a table to 100% here and
have it work in IE? At the moment everything is smashed together in
the table in my actual app because I cant set the width and it really
looks bad. I have basically converted the app from a non-complient
HTML to a CSS//Standards drive dealio and this is the only table on the
site however one that cannot be replaced (thats out of my hands). What
do I do here?

J

Jul 21 '05 #1
8 17055
st******@gmail.com wrote:
I have the following style:

.content {position: absolute; right: 10px; left: 170px; top: 135px;
padding-left: 0px;
color: #15447c;}

.content table {width: 100%; background: BLUE; color: WHITE;}
The table in Firefox is set to 100% of the content class. In IE it is
set to 100% of the browser window and causes ugly scroll bars to appear
all over the place. I created the simple example page below to see if
it was something in my own page (very complex css and html) or
something isolated.

http://www.dubyadubyadubyadotcom.com/gah/


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/loose.dtd">

a new doctype ?

and somewhere you are missing a </div>
Jul 21 '05 #2
I added the </div> tried with the original doctype as well as the one I
currentyl have with identical results. My HTML and CSS Validate
............

I am at a total loss

Jul 21 '05 #3
ManChild wrote:
I added the </div> tried with the original doctype as well as the one I
currentyl have with identical results. My HTML and CSS Validate
...........

I am at a total loss


use a correct doctype

http://www.w3.org/QA/2002/04/valid-dtd-list.html

for instance:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

or:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

better not mix them.
Jul 21 '05 #4
Checked out a few -- the same crap no matter what one I use.

Jul 21 '05 #5
ManChild wrote:
Checked out a few -- the same crap no matter what one I use.

dont know if the absolute positioning is relevant, but if not you could
use somthing like:

<div style="margin: 0px 20px 0px 170px;">
<table style="width: 100%; background: green; color: WHITE;">
<tr>
<td>
Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content
Content Content Content Content
</td>
</tr>
</table>
</div>
Jul 21 '05 #6
ManChild wrote:
Checked out a few -- the same crap no matter what one I use.


How about this:

<style type="text/css">
body{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
..content {
position: absolute;
right: 10px;
left: 170px;
top: 135px;
padding: 0;
margin: 0;
border: 0;
color: #15447c;
text-align: left;
}
..content table {
left: 0;
top: 0;
background: BLUE;
color: WHITE;
padding: 0;
margin: 0;
border: 0;
}
..content a:link {color: #15447c; text-decoration: underline;}
..content a:visited {color: #15447c; text-decoration: underline;}
..content a:hover {color: #ff99cc; text-decoration: underline;}
..content a:active {color: #15447c; text-decoration: underline;}
</style>
Jul 21 '05 #7
Awesome -- thank you sir.

I must admit it is not something I was likely to have ever come up with
myself but it does work, and it is browser specific.

Gotta say this CSS stuff has actually made my life more difficult, it
was all fun till I loaded my first pages in IE and other browsers :D

Jul 21 '05 #8
*is not browser specific*

Jul 21 '05 #9

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

Similar topics

0
by: Michael Fork | last post by:
Note: I pasted the code the attachments as plain text after the message (I wasn't able to post it with an attachment...) Attached are the XSL and XML files that I am having problems with. I am...
4
by: Alex Meier | last post by:
I have the following problem: I need a simple, tabular layout in a webshop. - left column: navigation column with approx. 170px width - right column: content area the goal: the left column...
3
by: Rick | last post by:
I have an interesting problem when I run the following code in Netscape (7.02) vs. IE. This page works great in IE and all my controls bring up the validation summary dialog box if the required...
0
by: DAnne | last post by:
Hi, I'm very new to xslt and this is my first time posting to a Forum so please forgive me if I transgress any protocols. I have to do a tally report. This report is divided up into sections....
1
by: chr.aleksander | last post by:
Hey, I need a solution to two problems: #1 I use a three column layout, where the right and left columns are 150px wide and floated. The center column is not floated, with margins 150px on each...
2
by: cbjewelz | last post by:
Hey all. So I'm having problems with cross browser alignments. I'm looking at Safari and Mozilla Firefox. I develop in Safari and so it looks perfect there however in Firefox my vertical...
0
by: Derty | last post by:
Have an issue with a simple drop down list that I need to filter results of a database table and page display. I can get the drop down list to populate correctly but can't make the page databound...
34
by: aljamala | last post by:
I keep getting this error for the given code region (it actually highlights the line with the body tag): line 42 column 1 - Warning: <trisn't allowed in <bodyelements </head> <body...
4
by: srkidd12 | last post by:
Hello, I am having problems with using AJAX to call information to my primary ASP page from a secondary asp page that brings in the data I want to display. I'm having the onfocus event trigger...
10
by: magnesium | last post by:
I have this under-construction page, If you try and select the link coming from the bottom with your mouse, you'll notice, that before the actual link is selected, the td background will change. you...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.