473,805 Members | 2,281 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Need help clearing this div.

<div id="bottomlinks ">
<h3>Get Info On</h3>
<ul>
<li><a href="#">Search Engine Optimization</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML / XHTML</a></li>
<li><a href="#">AJAX</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Graphi c Design</a></li>
<li><a href="#">Print Design</a></li>
<li><a href="#">Illust ration</a></li>
<li><a href="#">Google Adwords</a></li>
<li><a href="#">Javasc ript</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Photos hop</a></li>
<li><a href="#">Dreamw eaver</a></li>
<li><a href="#">Hostin g</a></li>
</ul>
</div>
I need to clear this div,

I saw one usage of <br /after the last <liwith a clear applied to
it, but I would rather not use structural markup for this.

Nov 11 '06 #1
10 1883
In article
<11************ **********@b28g 2000cwb.googleg roups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
<div id="bottomlinks ">
<h3>Get Info On</h3>
<ul>
<li><a href="#">Search Engine Optimization</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML / XHTML</a></li>
<li><a href="#">AJAX</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Graphi c Design</a></li>
<li><a href="#">Print Design</a></li>
<li><a href="#">Illust ration</a></li>
<li><a href="#">Google Adwords</a></li>
<li><a href="#">Javasc ript</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Photos hop</a></li>
<li><a href="#">Dreamw eaver</a></li>
<li><a href="#">Hostin g</a></li>
</ul>
</div>
I need to clear this div,

I saw one usage of <br /after the last <liwith a clear applied to
it, but I would rather not use structural markup for this.
You need to be posting some urls... ;-) What do you mean clear
this div? Do you mean you want to go on under neath it? Just have
another div, it is automatic. Not enough space? OK, make the next
div with a bigger top margin. Or this div with a bigger bottom
margin. Floating bottomlinks somehow and want the next to clear
it? Use clear:both (that will get it) on the next...

--
dorayme
Nov 12 '06 #2

dorayme wrote:
In article
<11************ **********@b28g 2000cwb.googleg roups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
<div id="bottomlinks ">
<h3>Get Info On</h3>
<ul>
<li><a href="#">Search Engine Optimization</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML / XHTML</a></li>
<li><a href="#">AJAX</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Graphi c Design</a></li>
<li><a href="#">Print Design</a></li>
<li><a href="#">Illust ration</a></li>
<li><a href="#">Google Adwords</a></li>
<li><a href="#">Javasc ript</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Photos hop</a></li>
<li><a href="#">Dreamw eaver</a></li>
<li><a href="#">Hostin g</a></li>
</ul>
</div>
I need to clear this div,

I saw one usage of <br /after the last <liwith a clear applied to
it, but I would rather not use structural markup for this.

You need to be posting some urls... ;-) What do you mean clear
this div? Do you mean you want to go on under neath it? Just have
another div, it is automatic. Not enough space? OK, make the next
div with a bigger top margin. Or this div with a bigger bottom
margin. Floating bottomlinks somehow and want the next to clear
it? Use clear:both (that will get it) on the next...

--
dorayme
sorry :)

http://www.phazm.net/newphazm/

Nov 12 '06 #3
In article
<11************ **********@i42g 2000cwa.googleg roups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
dorayme wrote:
In article
<11************ **********@b28g 2000cwb.googleg roups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
<div id="bottomlinks ">
<h3>Get Info On</h3>
<ul>
<li><a href="#">Search Engine Optimization</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML / XHTML</a></li>
<li><a href="#">AJAX</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Graphi c Design</a></li>
<li><a href="#">Print Design</a></li>
<li><a href="#">Illust ration</a></li>
<li><a href="#">Google Adwords</a></li>
<li><a href="#">Javasc ript</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Photos hop</a></li>
<li><a href="#">Dreamw eaver</a></li>
<li><a href="#">Hostin g</a></li>
</ul>
</div>
>
>
I need to clear this div,
>
I saw one usage of <br /after the last <liwith a clear applied to
it, but I would rather not use structural markup for this.
You need to be posting some urls... ;-) What do you mean clear
this div? Do you mean you want to go on under neath it? Just have
another div, it is automatic. Not enough space? OK, make the next
div with a bigger top margin. Or this div with a bigger bottom
margin. Floating bottomlinks somehow and want the next to clear
it? Use clear:both (that will get it) on the next...

--
dorayme

sorry :)

http://www.phazm.net/newphazm/
You could try moving the very last </divup to above the opening
of the "bottomlink s" div...

--
dorayme
Nov 12 '06 #4

dorayme wrote:
In article
<11************ **********@i42g 2000cwa.googleg roups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
dorayme wrote:
In article
<11************ **********@b28g 2000cwb.googleg roups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
>
<div id="bottomlinks ">
<h3>Get Info On</h3>
<ul>
<li><a href="#">Search Engine Optimization</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML / XHTML</a></li>
<li><a href="#">AJAX</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Graphi c Design</a></li>
<li><a href="#">Print Design</a></li>
<li><a href="#">Illust ration</a></li>
<li><a href="#">Google Adwords</a></li>
<li><a href="#">Javasc ript</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Photos hop</a></li>
<li><a href="#">Dreamw eaver</a></li>
<li><a href="#">Hostin g</a></li>
</ul>
</div>


I need to clear this div,

I saw one usage of <br /after the last <liwith a clear applied to
it, but I would rather not use structural markup for this.
>
You need to be posting some urls... ;-) What do you mean clear
this div? Do you mean you want to go on under neath it? Just have
another div, it is automatic. Not enough space? OK, make the next
div with a bigger top margin. Or this div with a bigger bottom
margin. Floating bottomlinks somehow and want the next to clear
it? Use clear:both (that will get it) on the next...
>
--
dorayme
sorry :)

http://www.phazm.net/newphazm/

You could try moving the very last </divup to above the opening
of the "bottomlink s" div...

--
dorayme
That's not the result I want, though.

http://www.phazm.net/newphazm/index.gif

Nov 12 '06 #5
FuzzyLogik wrote:
dorayme wrote:
>>In article
<11********** ************@i4 2g2000cwa.googl egroups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
[exchange snipped]
>>>http://www.phazm.net/newphazm/

You could try moving the very last </divup to above the opening
of the "bottomlink s" div...

That's not the result I want, though.

http://www.phazm.net/newphazm/index.gif
I'm still not real clear on what you want to do. Does it help you near
your goal if you do this:

#bottomlinks ul {
width: 520px;
background-color:#303b3c;
margin:0 0 8em 0; /* <=change bottom margin from 12px to 8em */
padding:7px;
}
and add the same background color to #bottomlinks ul li?

I mean, does it start to *look* like what you want?

--
John
Nov 12 '06 #6

John Hosking wrote:
FuzzyLogik wrote:
dorayme wrote:
>In article
<11*********** ***********@i42 g2000cwa.google groups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:
[exchange snipped]
>>http://www.phazm.net/newphazm/

You could try moving the very last </divup to above the opening
of the "bottomlink s" div...
That's not the result I want, though.

http://www.phazm.net/newphazm/index.gif
I'm still not real clear on what you want to do. Does it help you near
your goal if you do this:

#bottomlinks ul {
width: 520px;
background-color:#303b3c;
margin:0 0 8em 0; /* <=change bottom margin from 12px to 8em */
padding:7px;
}
and add the same background color to #bottomlinks ul li?

I mean, does it start to *look* like what you want?

--
John
Yes, it makes it start to *look* right, but certainly not the code I am
looking for.

I basically want it to look like it does in IE, in FF.

To do that, I need to clear the float on the #bottomlinks, but I need a
semantic way of clearing it.

Nov 12 '06 #7
FuzzyLogik wrote:
>
I need to clear the float on the #bottomlinks, but I need a
semantic way of clearing it.
http://www.quirksmode.org/blog/archi...ng_floats.html
http://www.positioniseverything.net/easyclearing.html

--
Berg
Nov 12 '06 #8
FuzzyLogik wrote:
>>>>In article
<11******** **************@ i42g2000cwa.goo glegroups.com>,
"FuzzyLogik " <ta****@gmail.c omwrote:

>http://www.phazm.net/newphazm/
>
I basically want it to look like it does in IE, in FF.
I hadn't even tried it in IE, just looked at your gif.
To do that, I need to clear the float on the #bottomlinks, but I need a
semantic way of clearing it.
See Bergamot's link, but maybe also try this:

#bottomlinks ul {
width:32em;
background-color:#303b3c;
margin:0 0 1em 0;
padding:.5em;
min-height:8em;
}
#bottomlinks ul li {
list-style-type:none;
float:left;
width:15em;
}
My suggested changes are slightly indented. Not tested in IE.

I believe you'll have (more) trouble if you don't switch to ems or %.
Watch what happens when you resize the text.

--
John

Nov 12 '06 #9
..oO(FuzzyLogik )
>To do that, I need to clear the float on the #bottomlinks, but I need a
semantic way of clearing it.
#bottomlinks ul {
overflow: hidden;
...
}

Micha
Nov 12 '06 #10

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

Similar topics

18
8092
by: Niels | last post by:
Hi group, I have some problems with clearing floated divs. My usual method works fine in Konqueror, but not in Firefox. Here's an example: <html><body> <div id='left' style='float:left; border:1px solid red;'>Floated left</div> <div id='right' style='float:right; border:1px solid blue;'>Floated right</div>
0
1913
by: Gary | last post by:
I have a problem with the datagrid not clearing when the datasource changes, a few fields remain on the screen and even when new data would fill those grid squares the old data remains. I wind up with 101 Another field
11
6001
by: Karl Irvin | last post by:
My program looks like this: Dim db As DAO.Database, rst As DAO.Recordset Set db = CurrentDb Set rst = db.OpenRecordset("SELECT * FROM tUnpaidInvoiceIDs WHERE TxnType = 'Invoice'") Do some work rst.close
4
9538
by: Roubles | last post by:
Hi All, Quick question; what is the difference between initializing and clearing a structure like this: mystruct_t a = {0}; and initializing and clearing it like this:
1
2017
by: raghavendra | last post by:
Hi, i am facing problem clearing screen in console application. As, in C++ we have clrscr(); Is? their any similar type of function is avaliable.. Raghavendra...
9
1506
by: Werner Hempel | last post by:
Hello, I'm trying to do a simple three column layout, with two divs (#left and #right) floating left and right, and the #content-div with margins in between, and all three in a wrapper-div. The goal is to get equal height columns (with #content having another background-color than the two other divs). The two divs on the sides and the wrapper get the same background-color #222, and the content-div gets #555. All works fine, as long as...
0
1642
by: negmat | last post by:
Hello everyone, I have the following question: I am aware that the objects currently in the cache can be viewed by issuing the following command: SELECT * FROM master.dbo.Syscacheobjects Further, cache contents can be cleared by issuing the following command:
1
1752
by: Vayse | last post by:
I have a databound form, frmClients. One of the field is a combo box, comDepartment, which lets a user select a department for the Client. But I can't figure out how to clear the box. That is, sometimes a Client is dropped by a Department. How would a user clear the combo box so that no Department is selected? With the combo box dropdown style: Dropdown: User must pick from the list, so there is no way of clearing the box Dropdown List:...
0
9718
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
9596
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
10617
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10364
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...
1
10370
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10109
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...
0
5678
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
3849
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
3008
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.