User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 401,662 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,694 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 3330 | Replies: 4
Reply
Join Date: Feb 2005
Posts: 427
Reputation: autocrat is on a distinguished road 
Rep Power: 4
Solved Threads: 12
autocrat autocrat is offline Offline
Posting Pro in Training

Solution hmmm, expert CSS cheat ?

  #1  
Feb 20th, 2005
OK, this is the link!

http://www.oreillynet.com/pub/a/java...ut.html?page=2

please go have a look.... they are on about using CSS instead of tables... and provide you a a sample page with the table, and a sample page with the CSS....
the only problem is....
both use tables!

What is more, when you try using the CSS code they list as having used, (rather than the table!), I found that it doesn't work... the right hand column drops!

Does anybody else have this problem with it, or is it my browsers?

PS, can someone please "hold my hand and walk with me" throught this IE box model bug what not.... I have the code, I understand how it's supposed to work, yet I have to fudge like mad just to get it to go roughly right!

Any and all help/answers welcome!

PPS, not haveing a CSS beating.... merely trying to figure it all out properly, and it appears even the pro's have stuffed this one! LOL Still, kind of makes me feel good, if they can, I most certainly will!
:grin: ((says alot about my personality! LOL))
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Feb 2005
Location: UK
Posts: 44
Reputation: kevin_smithers is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
kevin_smithers's Avatar
kevin_smithers kevin_smithers is offline Offline
Light Poster

Re: hmmm, expert CSS cheat ?

  #2  
Feb 20th, 2005
I design full CSS sites but I still either use a table but mostly a layer or two as the base then add Div tags for content alignment then add CSS to the Div tags and and stuff.

Check out http://www.glish.com/css/ for a better CSS guide

Kev
Reply With Quote  
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation: DaveSW is on a distinguished road 
Rep Power: 6
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: hmmm, expert CSS cheat ?

  #3  
Feb 21st, 2005
ok go with the box model since I have a lecture in 15 mins:

In IE, you set the width of an object, and margins, padding, etc are subtracted from that width.

In Moz, you set a width, and margins, padding etc are added to that width.

So if you have a width and some padding on an object, it will have a different total width in the two different browsers.

So the workaround (not the hack):
Use nested elements:
<div id="div1"><div id="div2">

</div></div>
Now we apply a width to div1 (our container), and put margin/padding etc on div2 so that both browsers will render exactly the same.

I'll look at your other problem later if I have a chance. http://www.bluerobot.com/web/layouts/ have some good layouts
Reply With Quote  
Join Date: Feb 2005
Posts: 427
Reputation: autocrat is on a distinguished road 
Rep Power: 4
Solved Threads: 12
autocrat autocrat is offline Offline
Posting Pro in Training

Re: hmmm, expert CSS cheat ?

  #4  
Feb 25th, 2005
... Kevin smithers ...
Cheers for that..... any basic examples.... as I'm concerned tha tlayers aren't support or viewed the same... (layers as in z-index, or as in divides?)

... Dave SW ...
LMAO!!!!
If that isn't quite possibly the most blatant, obvious, short handed method of fixing an issue.... I'm very impressed!
LOL
I can't believe I diodn't see it!
Thank you!
Senseible, easy.... I wonder how often I can use it... spacer/placer/positioner...hmm!
Reply With Quote  
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation: DaveSW is on a distinguished road 
Rep Power: 6
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: hmmm, expert CSS cheat ?

  #5  
Feb 26th, 2005
Yeah - a lot of people have missed that it's that simple. I'll see if I can find some examples for you for the other link you posted in the other thread.
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb JavaScript / DHTML / AJAX Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum

All times are GMT -4. The time now is 7:05 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC