473,397 Members | 1,969 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,397 software developers and data experts.

DIVs fix!

Hi,

I am a beginner at CSS and think there is a big disadvantage using
DIVs in combination with CSS.

What I see happening, on sites like CSS Zen Garden etc is the
following. People claim that CSS really make up your page-layout. But
I think it doesn't. The reason is the DIV's that are used. They
actually FIX the layout on a page as they get marked up in the
..html-file, and dus not maintained in the central .css-file. The
nesting of DIV's is a way of FIXING the layout, so this is bad I
guess.

I am tending to have one big .html-file with all DIV's unnsted placed
in one line. Can any-one explain?

Henk
Jul 21 '05 #1
3 1596
Henk wrote on 11 apr 2005 in comp.infosystems.www.authoring.stylesheets:
I am a beginner at CSS and think there is a big disadvantage using
DIVs in combination with CSS.


Disadvantage to what?

Using DIVs without CSS? Perhaps for beginners?

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

Jul 21 '05 #2
On 11 Apr 2005 04:06:49 -0700, in
comp.infosystems.www.authoring.stylesheets oo***@gmx.net (Henk) wrote:
| Hi,
|
| I am a beginner at CSS and think there is a big disadvantage using
| DIVs in combination with CSS.
|
| What I see happening, on sites like CSS Zen Garden etc is the
| following. People claim that CSS really make up your page-layout. But
| I think it doesn't. The reason is the DIV's that are used. They
| actually FIX the layout on a page as they get marked up in the
| .html-file, and dus not maintained in the central .css-file. The
| nesting of DIV's is a way of FIXING the layout, so this is bad I
| guess.
|
| I am tending to have one big .html-file with all DIV's unnsted placed
| in one line. Can any-one explain?


Think of a DIV as a container. It can be as simple as:
<DIV id=one>
....some text
</DIV>

to more complicated
<DIV id=WholePage>
<DIV id=leftColumn>
<DIV id=Menu>
...menu Items
</DIV>
</DIV>
<DIV id=rightColumn>
<DIV id=Contents>
...some text
</DIV>
</DIV>
</DIV>

A table uses TRs and TDs to position the data.

CSS: on the Zen Garden site people submit their pages. This way they
only have to upload a single (and complete) file.

Normally I have an external stylesheet that controls the main format
of the site. But there are instances where I want to have specific
formating on an individual page, therefore I have and internal (as
well as the external) style defined.
---------------------------------------------------------------
jn******@yourpantsyahoo.com.au : Remove your pants to reply
---------------------------------------------------------------
Jul 21 '05 #3
Ah great, an example! I had to think of that (I was too lazy also).
Your second example shows exactly what I call the stupidity of CSS.
What I think is the problem here is that while nesting the DIVs you are
trying to create some kind of structure. So That example is intending
to be more than just a container. It is a structure in wich I think you
are bounding the page for drastic layout changes in the future.
Ofcourse I know there will be a work-around to get the nested Menu-DIV
out of the nest and do something drastic but the case is that you have
to use work-arounds to do so.

So my point is: example two is defining a layout-structure. But CSS
told me it would take care of the layout. All the layout that is.

?

Jul 21 '05 #4

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

Similar topics

2
by: Egon Pasztor | last post by:
Hi. I'm new at CSS, so maybe this is obvious, but I've looked around quite a bit looking for a solution. I'm playing with the vertical positioning of elements in a 2-column layout. The...
12
by: deko | last post by:
Is there any way to work around the blank space created by hidden divs? I'm trying to use a relatively postioned divs with show/hide behaviors to annotate an image. The divs show/hide...
1
by: tabert | last post by:
I want to use JavaScript when a button is clicked to show and hide a SPAN or DIV. This works in both IE and Netscape, but what I'd like to happen is for there to be no white space where the hidden...
9
by: Screwball | last post by:
Hi, I'm having problems getting 2 divs to display side-by-side correctly. I've done the google bit, but cannot find anything which is similar enough to what I want. Most of the descriptions I've...
12
by: meltedown | last post by:
I would like the floating divs to float and then the header to come after them , on the left. That's what I thought clearing the floats was for, but in this example, the header is to the right of...
5
by: Patrick | last post by:
Hi All, Background image is in place and a Div (yellow border) inside center Div column is positioned where I want it to be. Now the problem is that in Mozilla my third column div is dropping...
8
by: maroger | last post by:
I'm sure this is a common issue, but I haven't come across anything that works for me thusfar. I am trying to fix my header, which works fine in firefox but has extra space in IE. Here are...
0
by: Jeb Hunter | last post by:
Well, how can I describe this succinctly? I have a page with DIVs that us background images to produce a border effect. It works perfectly well, but I want to make up (for now) 3 different...
2
by: Ben Wall | last post by:
I have a page with six or seven absolutely positioned DIV blocks ... they all contain form elements .. text boxes, buttons, etc. and they all reside within a containing "master" DIV. What I need to...
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: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
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,...
0
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...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
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...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

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.