Acmlm's Board - I3 Archive -- CSS Positioning -- New Reply

~~(Link to AcmlmWiki)~~ Offline: thank ||bass

Register \| Login
Views: 13,040,846	Main \| Memberlist \| Active users \| Calendar \| Chat \| Online users Ranks \| FAQ \| ACS \| Stats \| Color Chart \| Search \| Photo album	05-29-24 09:39 AM

0 users currently in Programming.

Acmlm's Board - I3 Archive - Programming - CSS Positioning

User name:

Password:

Reply:

Options:

Disable Smilies - Disable Layout - Disable HTML

Quik-Attach:
Preview for more options

Max size 1.00 MB, types: png, gif, jpg, txt, zip, rar, tar, gz, 7z, ace, mp3, ogg, mid, ips, bz2, lzh, psd

User	Post
DtTvB the Yoshi Posts: 59/60	Yeah, just add htmlspecialchars and it will works, htmlspecialchars all the input fields and textareas.
FreeDOS + Posts: 505/1312

Someone really needs to fix how quoting works

DtTvB the Yoshi
Posts: 57/60 When I use CSS, I usually use <link tags.
Because old browser won't display the CSS text, as well as JavaScript
Sometimes, I use
<style>

</style> Skydude
Posts: 2594/2607 Eww for broken tables.

Anyway, since I'm taking a class now that covers CSS among other things, one of the bits of advice for compatibility issues that I've been told is to put any CSS definitions at the start inside HTML comment tags, so that it's not read by browsers which don't support CSS. HyperHacker
Posts: 1934/5072 It happened in your post.

MisterJones
Posts: 30/125

Originally posted by DtTvB the Yoshi

Ouch!!!
Thanks for telling...

No problem. sorry if I sounded too harsh. I have been a little untolerant lately.

Originally posted by DtTvB the Yoshi

I don't know how to define cellpadding and spacing anyway, so that's my best way to do it.

http://www.w3schools.com/css/css_reference.asp

also

http://www.gurusnetwork.com/tutorial/css_intro/

Originally posted by DtTvB the Yoshi
"Fifth, it seems your layout break the quote feature (it inserts me the whole topic)."
I think the post layout didn't.
It's may because of I typed <table>
and when you click the quote, it changes to

Makes sense. haha, silly acmlm board.

DtTvB the Yoshi
Posts: 53/60
Originally posted by MisterJones
First of all, a table element, semantically speaking, should not be there at all.

Second, you are defining a class for a single element, rather than just styling an element with an id.

Third, span tag to define css? I will pretend it was that you mixed up some tag names.

Fourth, cell padding and cell spacing are styling elments; they should be under your style sheet, not as inline *gasp* attributes.

Fifth, it seems your layout break the quote feature (it inserts me the whole topic). Either that or something is wrong there in the quote functioning :/.

Ouch!!!
Thanks for telling...

I don't know how to define cellpadding and spacing anyway, so that's my best way to do it.

"Fifth, it seems your layout break the quote feature (it inserts me the whole topic)."
I think the post layout didn't.
It's may because of I typed <table>
and when you click the quote, it changes to <table>
MisterJones
Posts: 29/125 First of all, a table element, semantically speaking, should not be there at all.

Second, you are defining a class for a single element, rather than just styling an element with an id.

Third, span tag to define css? I will pretend it was that you mixed up some tag names.

Fourth, cell padding and cell spacing are styling elments; they should be under your style sheet, not as inline *gasp* attributes.

Fifth, it seems your layout break the quote feature (it inserts me the whole topic). Either that or something is wrong there in the quote functioning :/.
DtTvB the Yoshi
Posts: 52/60 My best way to do that is using tables instead of div's!

<html>
<head>
<style type="text/css">
#main {
position: absolute;
left: 0px; top: 0px;
right: 0px; bottom: 0px;
background-color: #ddd;
width: 100%; height: 100%;
}
</style>
<title>Page Title</title>
</head>
<body>
<table id="main" cellpadding="0" cellspacing="0"><tr><td>
I put some contents here.
</td></tr><table>
</body>
</html>
MisterJones
Posts: 26/125
Originally posted by KP
Hello, I am trying to make a div stretch through the whole page. I put some positioning css and put the left, right, top, and bottom positions to 0px. It works in firefox and stretches the whole page, but in internet explorer the right one doesn't seem to work. Here's the code I'm working with:

In internet explorer the div stretches to the left, top and bottom but on the right I can still see a white bar from the background color in the body. Does anyone know how I can get this to work in Internet explorer since it already works in firefox?

I might be an ass, but why would you use a div to cover the entire page? Why does the body have inline styling using the deprecated bgcolor attribute?

Also, you might want to use margins, and avoid absoulte positioning if you really want it to be a liquid layout.

I am quite surprise height is working for you.
FreeDOS +
Posts: 469/1312 Try IE7, it's a script that tries to fix all the stupid HTML/CSS rendering mistakes Microsoft did in IE5.0-6.0, it works pretty will.
Sukasa
Posts: 793/2068 Try adding "margin-right:0px;" to the bottom of that CSS. I'm pretty sure that will work in IE.
KP
Posts: 23/30 Hello, I am trying to make a div stretch through the whole page. I put some positioning css and put the left, right, top, and bottom positions to 0px. It works in firefox and stretches the whole page, but in internet explorer the right one doesn't seem to work. Here's the code I'm working with:

<body bgcolor="#ffffff">
<style>
div { position:absolute;
left:0px;
top:0px;
right:0px;
botton:0px;
background-color:#dddddd;
width:100%;
height:100%;
}
</style>

<div></div>

In internet explorer the div stretches to the left, top and bottom but on the right I can still see a white bar from the background color in the body. Does anyone know how I can get this to work in Internet explorer since it already works in firefox?

Acmlm's Board - I3 Archive - Programming - CSS Positioning

ABII

Acmlmboard 1.92.999, 9/17/2006
©2000-2006 Acmlm, Emuz, Blades, Xkeeper

Page rendered in 0.012 seconds; used 359.77 kB (max 404.89 kB)

DtTvB the Yoshi Posts: 53/60	Originally posted by MisterJones First of all, a table element, semantically speaking, should not be there at all. Second, you are defining a class for a single element, rather than just styling an element with an id. Third, span tag to define css? I will pretend it was that you mixed up some tag names. Fourth, cell padding and cell spacing are styling elments; they should be under your style sheet, not as inline gasp attributes. Fifth, it seems your layout break the quote feature (it inserts me the whole topic). Either that or something is wrong there in the quote functioning :/. Ouch!!! Thanks for telling... I don't know how to define cellpadding and spacing anyway, so that's my best way to do it. "Fifth, it seems your layout break the quote feature (it inserts me the whole topic)." I think the post layout didn't. It's may because of I typed <table> and when you click the quote, it changes to <table>
MisterJones Posts: 29/125	First of all, a table element, semantically speaking, should not be there at all. Second, you are defining a class for a single element, rather than just styling an element with an id. Third, span tag to define css? I will pretend it was that you mixed up some tag names. Fourth, cell padding and cell spacing are styling elments; they should be under your style sheet, not as inline gasp attributes. Fifth, it seems your layout break the quote feature (it inserts me the whole topic). Either that or something is wrong there in the quote functioning :/.
DtTvB the Yoshi Posts: 52/60	My best way to do that is using tables instead of div's! <html> <head> <style type="text/css"> #main { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #ddd; width: 100%; height: 100%; } </style> <title>Page Title</title> </head> <body> <table id="main" cellpadding="0" cellspacing="0"><tr><td> I put some contents here. </td></tr><table> </body> </html>
MisterJones Posts: 26/125	Originally posted by KP Hello, I am trying to make a div stretch through the whole page. I put some positioning css and put the left, right, top, and bottom positions to 0px. It works in firefox and stretches the whole page, but in internet explorer the right one doesn't seem to work. Here's the code I'm working with: In internet explorer the div stretches to the left, top and bottom but on the right I can still see a white bar from the background color in the body. Does anyone know how I can get this to work in Internet explorer since it already works in firefox? I might be an ass, but why would you use a div to cover the entire page? Why does the body have inline styling using the deprecated bgcolor attribute? Also, you might want to use margins, and avoid absoulte positioning if you really want it to be a liquid layout. I am quite surprise height is working for you.
FreeDOS + Posts: 469/1312	Try IE7, it's a script that tries to fix all the stupid HTML/CSS rendering mistakes Microsoft did in IE5.0-6.0, it works pretty will.
Sukasa Posts: 793/2068	Try adding "margin-right:0px;" to the bottom of that CSS. I'm pretty sure that will work in IE.
KP Posts: 23/30	Hello, I am trying to make a div stretch through the whole page. I put some positioning css and put the left, right, top, and bottom positions to 0px. It works in firefox and stretches the whole page, but in internet explorer the right one doesn't seem to work. Here's the code I'm working with: <body bgcolor="#ffffff"> <style> div { position:absolute; left:0px; top:0px; right:0px; botton:0px; background-color:#dddddd; width:100%; height:100%; } </style> <div></div> In internet explorer the div stretches to the left, top and bottom but on the right I can still see a white bar from the background color in the body. Does anyone know how I can get this to work in Internet explorer since it already works in firefox?